﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="contextPath" value="<%=getServletContext().getContextPath()%>" />
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>MCE|Request Files</title>
    <link rel="stylesheet" href="${contextPath}/resources/css/mce.css"></link>
    <link rel="stylesheet" href="${contextPath}/resources/css/size.css" ></link>
    <link rel="stylesheet" href="${contextPath}/resources/css/jquery-ui.css" ></link>
    <link href='http://fonts.googleapis.com/css?family=Lato:400,300,700,400italic' rel='stylesheet' type='text/css' ></link>
    <script type="text/javascript" src="${contextPath}/resources/js/jquery/jquery-1.10.1.js"></script>
    <script type="text/javascript" src="${contextPath}/resources/js/jquery-ui/jquery-ui.js"></script>
    <script type="text/javascript" src="${contextPath}/resources/js/validation/validation.js"></script>
</head>
<body>
    <div id="ovl" class="ovl"></div>
    <div class="mceContainer">
        <!--HOME BANNER CONTAINER-->
        <div class="afterHeaderContainer">
            <!--NAVIGATION MENU-->
            <%@include file="../right-include/top-header.jsp" %>
            <!--/NAVIGATION MENU-->
        </div>
        <!--/HOME BANNER CONTAINER-->
        <!--MAIN CONTAINER-->
        <div class="mainContainer" style="width: 1100px;">
            <table class="wrapContainer">
                <tr>
                    <td class="left" style="width: 20%;">
                        <!--LEFT CONTAINER-->
                        <div class="wrapDataContainer borderRight">
                            <p class="subject" style="width:200px;">Request Files</p>
	                            <p>
	                            	To request a file, please select the file type, and enter the order number, and the email address, where the file should be sent, and select submit at the bottom. 
	                            </p>
                            <br />                            
                        </div>
                        <!--/LEFT CONTAINER-->
                    </td>
                    <td>
                        <!--BODY CONTAINER-->
                        <div class="wrapDataContainer">
                            <div class="title">
                            	REQUEST JOB DOCUMENTS/FILES
                            </div> 
                            <div class="wrap-item-container">
	                            <form action = "#" method="get" style="margin-left: 50px; margin-top:20px;">                                                    
		                            <div class="wd_445">
		                                <div class="wrap-item-container wd_450">
		                                    <div class="html-control-container">
		                                        <div class="label-wrap wd_185">Contact Person</div>
		                                        <div class="field-wrap">
		                                            <input id="contactPersion" type="text" class="mce wd_220" value="John smith" />
		                                            <span id="error_contactPersion" class="span-ico"></span>
		                                        </div>
		                                    </div>
		                                </div>
		                                <div class="wrap-item-container wd_450">
		                                    <div class="html-control-container">
		                                        <div class="label-wrap wd_185">Primary Email</div>
		                                        <div class="field-wrap">
		                                            <input id="email" type="text" class="mce wd_220" value="John.smith@mce.element.com" />
		                                            <span id="error_email" class="span-ico"></span>
		                                        </div>
		                                    </div>
		                                </div>
		                                
		                                <div class="wrap-item-container wd_450">
		                                    <div class="html-control-container">
		                                        <div class="label-wrap wd_185">Alternate Email</div>
		                                        <div class="field-wrap">
		                                            <input id="AlternateEmail" type="text" class="mce wd_220" value="John@mce.element.com" />
		                                            <span id="error_AlternateEmail" class="span-ico"></span>
		                                        </div>
		                                    </div>
		                                </div>
		                                <div class="wrap-item-container wd_450">
		                                    <div class="html-control-container">
		                                        <div class="label-wrap wd_185">File Type</div>
		                                        <div class="field-wrap">
		                                            <select id="EH_LINE_VOLT" class="mce wd_220">
		                                                <optgroup label="Select">
		                                                    <option value="0" selected="selected">Job Drawings (PDF)</option>
		                                                     <option value="1" >Controller Factory-Parameter (XML)</option>
		                                                      <option value="2" >Controller Programming Record (PDF)</option>
		                                                </optgroup>
		                                            </select>
		                                            <span id="error_EH_LINE_VOLT" class="span-ico"></span>
		                                        </div>
		                                    </div>
		                                </div>
		                                <div class="wrap-item-container wd_450">
		                                    <div class="html-control-container">
		                                        <div class="label-wrap wd_185">Sales Order Number<span class="required">*</span>
		                                        </div>
		                                        <div class="field-wrap">
		                                            <input id="AlternateEmail" type="text" class="mce wd_220" value="ND223601245" />
		                                            <span id="error_AlternateEmail" class="span-ico"></span>
		                                        </div>
		                                    </div>
		                                </div>
		                                <div class="wrap-item-container wd_450" style="margin-top:20px;">
		                                    <center><span style="color:#EE7000">(*) Mandatory Field</span></center>
		                                </div>
		                                <div class="wrap-item-container wd_450">
		                                    <div class="buttonContainer">
		                                        <input type="button" onclick="location.href='${contextPath}/request-file-sucess'" style="float:none;" class="mce" value="SUBMIT" />
		                                    </div>
		                                </div>
		                                <!--/STEP 2-->
		                                                                
		                            </div>
								 </form>  
							</div>
                        </div>
                        <!--/BODY CONTAINER-->
                    </td>
                    <td class="right" style="width: 20%;">
                        <%@include file="../right-include/right.jsp" %>
                    </td>
                </tr>
            </table>
        </div>
        <!--/MAIN CONTAINER-->
        <!--FOOTER CONTAINER-->
        <div class="footerContainer">
            <img src="${contextPath}/resources/images/Nidec.jpg" />
            <img src="${contextPath}/resources/images/MCE.jpg" />
            <div class="clearBoth" />
            <p class="copyRight">Copyright 2014 Motion Control Engineering. All Rights Reserved</p>
        </div>
        <!--/FOOTER CONTAINER-->
    </div>

</body>
</html>
